<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
</head>

<body>
    <div class='triangle'></div>
    <!-- 请补全JavaScript代码，要求在页面上渲染出一个直角三角形，三角形换行要求使用"br"实现。三角形如下：
*
**
*** -->
    <script>
        var triangle = document.querySelector('.triangle');
        // 补全代码
        triangle.innerHTML = `*<br/>**<br/>***<br/>`
        //或者
        // var str = ''
        // for (var i = 1; i < 4; i++) {
        //     for (var j = 0; j < i; j++) {
        //         str += '*'
        //     }
        //     str += '<br />'
        // }
        // triangle.innerHTML = str
    </script>
</body>

</html>